<script setup>

</script>

<template>
    <!-- 标题 -->
    <div class="module-box" style="display: flex; justify-content: center; width: 100%;">
        <div  style="flex:0 1 30%">
            <dv-decoration-1 style="width:100%;height:50px;" />
        </div>
        <div  style="flex:0 1 50%">
            <div  class="d-flex" style="width: 300px; margin: 0 auto;margin-top: 20px;text-align: center;">
                <dv-decoration-11 class="custom-element">大型制造业产品数据大屏</dv-decoration-11>
            </div>
        </div>
        <div  style="flex:0 1 30%">
            <dv-decoration-1 style="width:100%;height:50px;" />
        </div>
    </div>
 
</template>

<style scoped>
body {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center; /* 垂直居中 */
  min-height: 100vh; /* 确保页面高度至少占满视口高度 */
}
.custom-element {
  width: 250px;
  height: 80px;
  color: #90E2FF; /* 设置字体颜色 */
  font-size: 21px;
  font-family: "幼圆";
  font-weight: 500; /* 同样，这里可按需调整字体大小数值 */
}
.module-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
